html,body{width: 100%; height: 100%; padding: 0px; margin: 0px;}
#main-container{overflow-x: hidden;width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between;}
#main-left{height: 100%; background-color: #171a3e; overflow-y: auto;}
#left-logo{position: relative;}
#left-logo>button{position: absolute; top: 5px; right: 5px;}
#left-logo>button>i{color: #fff;}
::ng-deep .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub{background-color: #171a3e; color: #ffffff;}
::ng-deep .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color: #171a3e; color: #fff;}
::ng-deep .ant-menu-dark .ant-menu-vertical.ant-menu-sub{background-color: #171a3e; color: #fff;}
::ng-deep .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color: #22265b; position: relative;}
::ng-deep .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected::after{content: ''; position: absolute; right: 0px; top: 1px; height: 100%; border-right: 5px solid #d9d900;}
.menu-open-top{width: 168px;}
.menu-collapsed-top{width: 48px;}
.menu-open{width: 253px;}
.menu-collapsed{width: 80px;}
#main-right{flex: 1; height: 100%; position: relative; overflow-y: auto;}
#main-top{width: 100%; height: 65px; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
#top-right{color: #fff; position: absolute; right: 20px; top: 18px}
#top-right a{color: #333; font-size: 16px; font-weight: bold; display: block;}
#top-right a:hover{color: #666;}
#top-right a>img{width: 42px; margin: 0px 5px;}
#top-left-logo{text-align: center;}
::ng-deep .menu-open ul.ant-menu>li{padding-left: 40px!important;}
::ng-deep .menu-collapsed ul.ant-menu>li{padding-left: 30px!important;}
::ng-deep .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a{color: #fff;}